<!DOCTYPE html>
<html lang="en">

<!--
  Author：蓝田_Loto
  Date：2018-08-30 20:01
  PageName：b_ClassSelector.html
  Function：基本选择器 - 类选择器
  URL：http://localhost:8080/d1_selector_basic/b_ClassSelector.html
-->

<head>
    <meta charset="UTF-8">
    <title>基本选择器 - 类选择器</title>

    <style type="text/css">
        p {
            font-size: 12px;  /* 字体大小为12像素 */
            color: red;       /* 字体颜色为红色 */
        }

        .font18px {
            font-size: 18px;
        }
    </style>
</head>

<body>
<p>问君能有几多愁，恰似一江春水向东流。</p>
<p class="font18px">剪不断，理还乱，是离愁。别是一般滋味在心头。</p>
<p>独自莫凭栏，无限江山，别时容易见时难。流水落花春去也，天上人间。</p>
</body>
</html>